<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>在线评估</title>
    <script src="static/js/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="static/zui/css/zui.css">
    <script src="static/zui/js/zui.js"></script>
    <link href="static/zui/lib/picker/zui.picker.min.css" rel="stylesheet">
    <script src="static/zui/lib/picker/zui.picker.min.js"></script>

    <link rel="stylesheet" href="static/css/global.css">
    <link rel="stylesheet" href="css/subject.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header flex space-between box-center">
        <div><img src="img/index/header.jpg"></div>
        <div class="header-right11 flex">
            <div>全国统一热线</div>
            <div>666-666-6666</div>
            <div><i class="icon icon-phone icon-2x" ></i></div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="nav-wrap" >
        <nav class="navbar navbar-default" role="navigation">
            <ul class="nav navbar-nav nav-justified">
                <li ><a href="index.html"></a></li>
                <li><a href="index.html"><i class="icon icon-bars"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                    所有项目</a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="index.html"></a></li>
                <li><a href="index.html">首页</a></li>
                <li ><a href="subject.html">在线评估</a></li>
                <li ><a href="main.html">咨询师库</a></li>
                <li ><a href="subscribe.html">我的预约</a></li>
                <li ><a href="assessment.html">我的报告</a></li>
                <li ><a href="account.html">我的账户</a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="index.html"></a></li>
                <li ><a href="login.html" id="login-reg-btn">登录/注册</a></li>
            </ul>
        </nav>
    </div>
    <!-- 轮播图 -->
    <div class="slide">
        <div id="myNiceCarousel" class="carousel slide" data-ride="carousel">
            <!-- 圆点指示器 -->
            <ol class="carousel-indicators">
                <li data-target="#myNiceCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myNiceCarousel" data-slide-to="1"></li>
                <li data-target="#myNiceCarousel" data-slide-to="2"></li>
            </ol>

            <!-- 轮播项目 -->
            <div class="carousel-inner ">
                <div class="item active slide-wrap">
                    <img alt="First slide" src="img/index/slide3.jpg" style="height: 500px;">
                    <div class="carousel-caption">
                    </div>
                </div>
                <div class="item slide-wrap">
                    <img alt="Second slide" src="img/index/slide2.jpg" style="height: 500px;">
                    <div class="carousel-caption">

                    </div>
                </div>
                <div class="item slide-wrap">
                    <img alt="Third slide" src="img/index/slide1.jpg" style="height: 500px;">
                    <div class="carousel-caption">
                    </div>
                </div>
            </div>

            <!-- 项目切换按钮 -->
            <a class="left carousel-control" href="#myNiceCarousel" data-slide="prev">
                <span class="icon icon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#myNiceCarousel" data-slide="next">
                <span class="icon icon-chevron-right"></span>
            </a>
        </div>
    </div>

    <!-- 咨询师名字查询 -->
    <div class="cons-query flex space-between box-center">
        <div><img src="img/index/header.jpg"></div>
        <div class="header-right right-wrap">

        </div>
    </div>
    <!-- 用户领域查询 -->
    <div class="more-condition flex box-center">
        <div class="title">
            咨询领域:
        </div>
        <div id="picker6-wrap-1">
            <select name="picker3" id="picker6" data-placeholder="" class="form-control">

            </select>
        </div>
        <div>
            <button class="btn btn-success fieldBtn" type="button" onclick="queryBtn(1)">开始评估</button>
        </div>
    </div>

    <!-- 试题列表 -->
    <div class="cons-wrap flex box-center">

        <div class="list list-condensed">
            <div class="items items-hover items-wrap" id="items-wrap">

            </div>

            <ul id="myPager" class="pager none" data-ride="pager"  data-page="1" data-rec-per-page="5" data-rec-total="30">
                <li class="previous disabled"><a href="###">«</a></li>
                <li class="active"><a href="###">1</a></li>
                <li class="next"><a href="###">»</a></li>
            </ul>
        </div>
    </div>

    <!-- 对话框HTML -->
    <div class="modal fade" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                    <h4 class="modal-title">我要预约</h4>
                </div>
                <div class="modal-body">
                    <div>
                        <div>
                            <span>咨询师</span>
                        </div>
                        <input type="text" name="picker" id="consName" disabled>
                    </div>
                    <div>
                        <span>选择领域</span>
                        <div class="picker" id="picker0">
                            <input type="text" id="p0-input" name="picker">
                        </div>
                    </div>
                    <div>
                        <span>可约时间</span>
                        <select name="picker3" id="picker3" data-placeholder="选择咨询时间" class="form-control">
                        </select>
                    </div>
                    <div class="input-control has-label-left">
                        <span>问题描述</span>
                        <input id="inputAccountExample3" type="text" placeholder="" class="form-control question">
                        <label for="inputAccountExample3" id="question-label" class="input-control-label-left text-right">问题:</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" onclick="submitSubForm()" class="btn btn-primary">提交</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 评价对话框 -->
    <div class="modal fade" id="myModal2">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                    <h4 class="modal-title">咨询师评价</h4>
                </div>
                <div class="modal-body" id="modal-body-id">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" onclick="submitEvaluateForm()" class="btn btn-primary">提交</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 评价对话框 -->
    <div class="modal fade" id="myModal3">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                    <h4 class="modal-title">咨询师评价</h4>
                </div>
                <div class="modal-body" id="modal-body-id1">
                    暂未预约或确认，请耐心等待
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <footer class="footer">
        <div class="">

            <div class="mod_help">
                <dl>
                    <dd>品类咨询</dd>
                    <br>
                    <dd class="links"><a href="#">亲子关系</a></dd>
                    <dd class="links"><a href="#">情绪管理</a></dd>
                </dl>
                <dl>
                    <dd>服务与支持</dd><br>
                    <dd class="links"><a href="#">工作室信息</a></dd>
                    <dd class="links"><a href="#">心理咨询</a></dd>
                    <dd class="links"><a href="#">饮食指南</a></dd>
                    <dd class="links"><a href="#">收取标准</a></dd>
                </dl>
                <dl>
                    <dd>联系我们</dd><br>
                    <dd class="links"><a href="#">联系方式</a></dd>
                    <dd class="links"><a href="#">公司简介</a></dd>
                </dl>
                <dl>
                    <dd>售后服务</dd><br>
                    <dd class="links"><a href="#">售后政策</a></dd>
                    <dd class="links"><a href="#">价格保护</a></dd>
                    <dd class="links"><a href="#">退款说明</a></dd>
                    <dd class="links"><a href="#">返修/退换货</a></dd>
                    <dd class="links"><a href="#">取消订单</a></dd>
                </dl>
                <div class="call">
                    <div class="hotline">24小时免费咨询热线</div>
                    <div class="phone">666-666-6666&nbsp;&nbsp; <i class="icon icon-phone icon-2x" ></i></div>
                </div>

            </div>

            <div class="copyright">
                地址: 福州市仓山区大榕树文化中心三楼 || 邮编: 666666 || 电话: 666-666-6666 || 传真: 666-66666666 || 邮箱: Theo+666.cn
                <br>
                || 闽ICP备66666666号闽公网安备666666666666 ||
            </div>
        </div>
        </div>
    </footer>
    <script src="static/js/common.js"></script>
    <script src="js/subject.js"></script>
</body>
</html>